﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ViewImages.aspx.cs" Inherits="ViewImages" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script type="text/javascript" src="<%= ResolveUrl("~/")%>Assets/Js/imageflow.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~/")%>Assets/Js/imageflow.packed.js"></script>
    <link rel="Stylesheet"  href="Assets/Css/imageflow.css" type="text/css" />
    <link rel="Stylesheet"  href="Assets/Css/imageflow.packed.css" type="text/css" />
    <script type="text/javascript" src="<%= ResolveUrl("~/")%>Assets/Js/jquery-1.5.1.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~/")%>Assets/Js/core.js"></script>
     
    <script type="text/javascript">
        $(document).ready(function()
        {
            var instanceOne = new ImageFlow();
            instanceOne.init({ ImageFlowID: 'uxHotelImages', reflections: false, startID: 2, opacity: true, buttons: true, onClick: doClickImage });
        });
        function doClickImage()
        {
            alert('run');
            return false;
        }
    </script>
   
</head>
<body>
    <form id="form1" runat="server">
    <div id="uxHotelImages" class="imageflow" style="background-color: #000; color: #fff;">
        <img alt="Image 1" src="Assets/Upload/reflect1.jpg" />
        <img alt="Image 2" src="Assets/Upload/reflect2.jpg" />
        <img alt="Image 3" src="Assets/Upload/reflect3.jpg" />
        <img alt="Image 4" src="Assets/Upload/reflect4.png" />
        <img alt="Image 4" src="Assets/Upload/rex_hotel.jpg" />
    </div>
    </form>
</body>
</html>
